import React, { useState } from 'react';
import { Outlet } from 'react-router';
import Header from './Header';

const Layout: React.FC = () => {
  const [searchQuery, setSearchQuery] = useState('');

  return (
    <div className="min-h-screen bg-gradient-to-br from-primary-50 via-white to-secondary-100">
      <Header 
        searchQuery={searchQuery}
        onSearchChange={setSearchQuery}
      />
      <Outlet />
    </div>
  );
};

export default Layout;
